.vedio-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.vedio-info .info {
  padding: 0 20px;
}

.vedio-info .info .title {
  color: white;
  margin-bottom: 14px;
  font-size: 39.85507px;
}

.vedio-info .info .content {
  color: white;
  font-size: 28.98551px;
  line-height: 36.23188px;
}

.vedio-info .progress {
  height: 4px;
  margin: 16px 0;
}

.vedio-info .progress .progress-middle {
  width: 100%;
  height: 100%;
  background-color: #64a297;
}

.vedio-info .progress .progress-middle .current-progress {
  width: 50%;
  height: 100%;
  background-color: white;
  transition: width 200ms;
}

.vedio-info .up {
  margin-bottom: 10px;
  text-align: center;
}

.vedio-info .up img {
  width: 12px;
}
